<template>
 <div style="background:#fff;">
  <a-tabs v-model:activeKey="goodsAddClass.data.activeKey">
   <a-tab-pane key="1" tab="1.基础信息"><div class="box"><v-edit></v-edit></div></a-tab-pane>
   <a-tab-pane key="2" tab="2.商品详情" force-render><div class="box"><v-details></v-details></div></a-tab-pane> 
     <!-- <a-tab-pane key="3" tab="3.服务与承诺" force-render><div class="box">Content of Tab Pane 2</div></a-tab-pane>  -->
  </a-tabs>
 </div> 
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
import { Tabs } from "ant-design-vue";

 import vEdit from "./components/vEdit.vue";
 import vDetails from "./components/vDetails.vue";

import { goodsAddClass } from "@/modules/goods/productAdd";
export default defineComponent({
   components: {
    [Tabs.name]:Tabs,
    [Tabs.TabPane.name]:Tabs.TabPane,
    vEdit,
    vDetails
  },
  setup() {
    return {
      goodsAddClass
    }
  }
});
</script>

<style lang="scss" scoped>
 .box{
    background:#fff;
    padding:20px;
    height:660px;
    overflow-y:auto;
 }
</style>

